<?

session_start();

$_SESSION['usuario'] = 'marcos';

$usuario = $_SESSION['usuario'];

include ('includes/FuncionesVentas.php');
include ('includes/Funciones.php');

$ServiciosHTML = new ServiciosHTML();
$ServiciosVentas = new ServiciosVentas();

$res = $ServiciosVentas->TraerProductos();

$resClientes = $ServiciosVentas->TraerClientes();
$resClientes2 = $ServiciosVentas->TraerClientes();
$arreglo_php = array();
if(mysql_num_rows($res)==0)
   array_push($arreglo_php, "No hay datos");
else{
  while($palabras = mysql_fetch_array($res)){
    array_push($arreglo_php, $palabras["codigo"]);
  }
}

$arreglo_phpC = array();
if(mysql_num_rows($resClientes)==0)
   array_push($arreglo_phpC, "No hay datos");
else{
  while($palabrasC = mysql_fetch_array($resClientes)){
    array_push($arreglo_phpC, $palabrasC["nrocliente"]);
  }
}

/*
$arreglo_phpAP = array();
if(mysql_num_rows($resClientes2)==0)
   array_push($arreglo_phpAP, "No hay datos");
else{
  while($palabrasC = mysql_fetch_array($resClientes2)){
    array_push($arreglo_phpAP, $palabrasC["apellido"]." ".$palabrasC["nombre"]." -- ".$palabrasC["idcliente"] );
  }
}
*/
?>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema AggiornoDeco - Cargar Ventas</title>

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>

<script type="text/javascript" src="js/jquery.positionBy.js"></script>
<script type="text/javascript" src="js/jquery.jdMenu.js"></script>
<link href='css/estilo1.css' rel='stylesheet' type='text/css' />
<link href='css/violet.css' rel='stylesheet' type='text/css' />
<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.17.custom.css">
<link title="win2k-cold-1" href="css/calendar-green.css" media="all" type="text/css" rel="stylesheet">
<script src="js/calendar.js" type="text/javascript"></script>
<script src="js/calendar-es.js" type="text/javascript"></script>
<script src="js/calendar-setup.js" type="text/javascript"></script>
<!--<script src="js/alert.js" type="text/javascript"></script>-->





<script type="text/javascript">
function permite(elEvento, permitidos) {
// Variables que definen los caracteres permitidos

var numeros = "0123456789.";
var numeros2 = "0123456789";
var caracteres = "abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ /()@_-";
var numeros_caracteres = numeros + caracteres;
// Seleccionar los caracteres a partir del parámetro de la función
switch(permitidos) {
case 'num':
permitidos = numeros;
break;
case 'num2':
permitidos = numeros2;
break;
case 'car':
permitidos = caracteres;
break;
case 'num_car':
permitidos = numeros_caracteres;
break;
}
// Obtener la tecla pulsada
var evento = elEvento || window.event;
var codigoCaracter = evento.charCode || evento.keyCode;
var caracter = String.fromCharCode(codigoCaracter);
// Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
return permitidos.indexOf(caracter) != -1;
}

</script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
$('#datepicker').datepicker('option', {dateFormat: 'dd/mm/yy'});

});
</script>

<script>
  $(function(){
	  
	


    var autocompletar = new Array();
	
    <? //Esto es un poco de php para obtener lo que necesitamos
     for($p = 0;$p < count($arreglo_php); $p++){ //usamos count para saber cuantos elementos hay ?>
       autocompletar.push('<? echo $arreglo_php[$p]; ?>');
     <? } ?>
     $("#buscar").autocomplete({ //Usamos el ID de la caja de texto donde lo queremos
       source: autocompletar //Le decimos que nuestra fuente es el arreglo
     });
	 
	 
	 var autocompletarc = new Array();
	
    <? //Esto es un poco de php para obtener lo que necesitamos
     for($p = 0;$p < count($arreglo_phpC); $p++){ //usamos count para saber cuantos elementos hay ?>
       autocompletarc.push('<? echo $arreglo_phpC[$p]; ?>');
     <? } ?>
     $("#buscarcliente").autocomplete({ //Usamos el ID de la caja de texto donde lo queremos
       source: autocompletarc //Le decimos que nuestra fuente es el arreglo
     });
	 
	 
	 /*
	 var autocompletarAP = new Array();
	
    <? //Esto es un poco de php para obtener lo que necesitamos
     for($p = 0;$p < count($arreglo_phpAP); $p++){ //usamos count para saber cuantos elementos hay ?>
       autocompletarc.push('<? echo $arreglo_phpAP[$p]; ?>');
     <? } ?>
     $("#buscarclienteAPyN").autocomplete({ //Usamos el ID de la caja de texto donde lo queremos
       source: autocompletarc //Le decimos que nuestra fuente es el arreglo
     });
	 */
	 
	 $('#cantidad').change(function(event) {
		 		$.ajax({
								data:  {cantidad: $("#cantidad").val(),idproducto: $("#idproducto").val(), accion: 'tieneStock'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$("#loadcantidad").html('<img src="imagenes/loadgeneral.gif" width="35" height="35" />');
								},
								success:  function (response) {
									
										$("#loadcantidad").html('');
										if (response != '') {
											
											$("#cantidad").val(response);
											
										} else {
											$("#cantidad").val('');
											$("#cantidad").css({ 'background-color': '#C6C'});
											alert("No hay stock suficiente","Error!");
											$("#cantidad").focus();
										}
										
								}
						});
		 
		 
	 });
	 
	 
	 $('#buscar').keypress(function(event) {
        if (event.keyCode == 13) {  
						  //$("#buscar").val()
						  //traerProductoPorCodigo
						  //detalleproducto
						$.ajax({
								data:  {buscar: $("#buscar").val(), accion: 'traerProductoPorCodigo'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$("#loadproducto").html('<img src="imagenes/loadgeneral.gif" width="35" height="35" />');
								},
								success:  function (response) {
										$("#loadproducto").html('');
										if (response != '') {
											var datos = response.split("/");
											$("#buscar").css({ 'background-color': '#fff'});
											$("#precioventa").css({ 'background-color': '#fff'});
											$("#detalleprod").val(datos[0]);
											$("#precioventa").val(datos[1]);
											$('#pCantidad').show();
											$('#idproducto').val(datos[2]);
										} else {
											$('#pCantidad').hide();
											$("#detalleprod").val('');
											$("#precioventa").val('');
											$('#idproducto').val('');
										}
										
								}
						});
        }
		
      });
	  
	  function BuscarReserva(idcliente) {
		  $.ajax({
								data:  {idcliente: idcliente, accion: 'TieneReserva'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										
								},
								success:  function (response) {
										if (response == '') {
											$('#bloq1').hide();
											$('#bloq1').attr('href','');
											$('#idclienteR').val('');
										} else {
											$('#bloq1').show();
											$('#bloq1').attr('href','cargarReserve.php?idcliente=' +idcliente);
											$('#idclienteR').val(idcliente);
										}
								}
						});
		  
	  }
	  
	  $('#buscarcliente').keypress(function(event) {
        if (event.keyCode == 13) {  
						  //$("#buscar").val()
						  //traerProductoPorCodigo
						  //detalleproducto
						$.ajax({
								data:  {buscarcliente: $("#buscarcliente").val(), accion: 'traerClientePorNumero'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$('#loadcliente').html('<img src="imagenes/loadgeneral.gif" width="35" height="35" />');
								},
								success:  function (response) {
										$('#loadcliente').html('');
										var datos = response.split("/");
										$("#cliente").val(datos[0]);
										if (response != '')
										{
											BuscarReserva(datos[1]);
										}
								}
						});
        }
		
      });
	  
	  
	  $('#generarfactura').click(function(event) {

						$.ajax({
								data:  {factura: $("#factura").val(), accion: 'generarFactura'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$('#loadfactura').html('<img src="imagenes/loadgeneral.gif" width="35" height="35" />');
								},
								success:  function (response) {
										$('#loadfactura').html('');
										var datos = response;
										$("#factura").val(datos);
										
								}
						});
		
      });
	  
	  $("#precioventa").click(function() {
		  $("#precioventa").css({ 'background-color': '#fff'});
		  $("#precioventa").val("");
	  });
	  
	  $("#cantidad").click(function() {
		  $("#cantidad").css({ 'background-color': '#fff'});
		  $("#cantidad").val("");
	  });
	  
	  $("#buscar").click(function() {
		  $("#buscar").css({ 'background-color': '#fff'});
		  $("#buscar").val("");
	  });
	  
	  $('#limpiar').click(function() {
		  $("#precioventa").val("");
		  $("#cantidad").val("");
		  $("#buscar").val("");
		  $("#detalleprod").val("");
	  });
	  
	  function ValidarDatos(nroproducto,cantidad,precio) {
		var valor = true;
		
		if ($("#precioventa").val() == "") {
			$("#precioventa").html = "Campo obligatorio";
			$("#precioventa").css({ 'background-color': '#C6C'});
			//$("#errorprecioventa").html = "Campo obligatorio";
			$("#precioventa").focus();
			valor = false;
		} else {
			$("#precioventa").css({ 'background-color': '#fff'});
		}
		
		if ($("#cantidad").val() == "") {
			//$("#errorcantidad").html = "Campo obligatorio";
			$("#cantidad").html = "Campo obligatorio";
			$("#cantidad").css({ 'background-color': '#C6C'});
			$("#cantidad").focus();
			valor = false;
		} else {
			$("#cantidad").css({ 'background-color': '#fff'});
		}
		
		if ($("#buscar").val() == "") {
			//$("#errornroproducto").html = "Campo obligatorio";
			$("#buscar").html = "Campo obligatorio";
			$("#buscar").css({ 'background-color': '#C6C'});
			$("#buscar").focus();
			valor = false;
		} else {
			if ($("#detalleprod").val() == "") {
						$.ajax({
								data:  {buscar: $("#buscar").val(), accion: 'traerProductoPorCodigo'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$("#detalleprod").val("Procesando, espere por favor...");
								},
								success:  function (response) {
										var datos = response.split("/");
										$("#detalleprod").val(datos[0]);		
								}
						});
			} //fin del if del detalle del producto
		}
		return valor;
	  }
	  
	  function CantFilas() {
		  var cant = 1;

		$('#agregarProductos tr.dato').each(function(){ //filas con clase 'dato', especifica una clase, asi no tomas el nombre de las columnas
			cant += 1; //numero de la celda 3
		})
		return cant;
	  }
	  
	  /*
	  <img src="imagenes/loaddetalle.gif" width="40" height="40" />
      <img src="imagenes/loadgeneral.gif" width="35" height="35" />
	  
	  */
	  function agregarDetalleFactura(buscarprod,cantidadprod,precioventaprod) {
	  		if ($("#buscarcliente").val() != '')
			{
				$.ajax({
									data:  {buscar: buscarprod,
											cantidad: cantidadprod,
											precioventa: precioventaprod,
											usuario: $("#buscarcliente").val(),
											accion: 'insertarDetalleFacturaAux'},
									url:   'ajax/ajax.php',
									type:  'post',
									beforeSend: function () {
											$("#cantidad").css('display', 'none');
											$("#precioventa").css('display', 'none');
											$('#loaddetalle').html('<img src="imagenes/loaddetalle.gif" width="100" height="100" />');
									},
									success:  function (response) {
											$('#loaddetalle').html('');
											var fila = CantFilas();
											$('#agregarProductos').prepend("<tr class='dato' id='" + fila + "'>" +
											"<td id='fcodprod" + response + "'>" + $("#buscar").val() + "</td>" +
											"<td>" + $("#detalleprod").val() + "</td>" +
											"<td>" + $("#cantidad").val() + "</td>" +
											"<td>" + $("#precioventa").val() + "</td>" +
											"<td>" + $("#cantidad").val() * $("#precioventa").val() + "</td>" +
											"<td align='center'><input type='button' class='eliminarfila' value='X' /></td>" +
											"</tr>");
											$('#totalgral').html("$" + SumarTabla());
											$("#cantidad").show();
											$("#precioventa").show();
											$("#cantidad").val('');
									}
							});
			} else {
				alert("Debe seleccionar un cliente","Error!");
			}
	  }
	  

	  //borra un solo detallo
	  function borrarDetalleFacturaAuxPorCod(borrar) {
			$.ajax({
								data:  {nroproducto : borrar,accion: 'borrarDetalleFacturaAuxPorCod'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										
								},
								success:  function (response) {
										
								}
						});  
	  }

	  //borrar todos los detalles
	  function borrarDetalleFacturaAux() {
			$.ajax({
								data:  {accion: 'borrarDetalleFacturaAux'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										
								},
								success:  function (response) {
										
								}
						});  
	  }
	  
	  function SumarTabla() {
		var suma = 0;
		//borrarDetalleFacturaAux();
		$('#agregarProductos tr.dato').each(function(){ //filas con clase 'dato', especifica una clase, asi no tomas el nombre de las columnas
			suma += parseInt($(this).find('td').eq(4).text()||0,10); //numero de la celda 3

		})
		return suma;

	  }
	  
	  function SumarTablaReserva() {
		var suma = 0;
		//borrarDetalleFacturaAux();
		$('#agregarProductos tr.reservaT').each(function(){ //filas con clase 'dato', especifica una clase, asi no tomas el nombre de las columnas
			$(this).css("background-color", "#F2F2F2"); //numero de la celda 3

		})
		return suma;

	  }

	  function CargarTablaEntera() {
		var suma = 0;
		borrarDetalleFacturaAux();
		
		$('#agregarProductos tr.dato').each(function(){
	  agregarDetalleFactura($(this).find('td').eq(0).text(),parseInt($(this).find('td').eq(2).text()||0,10),parseInt($(this).find('td').eq(3).text()||0,10));
		}).delay( 800 );
	  }
	  
	  //elimina una fila
	  $(document).on("click",".eliminarfila",function(){
		var padre = $(this).parents().get(1);
		//var resta = parseInt($(this).find('td').eq(4).text()||0,10);
		//alert(parseInt($(this).parents().get(1).find('td').eq(4).text()||0,10));
		var id = $(this).parents().find('td').attr('id');
		//alert(id);
		var borrar = id.replace('fcodprod', '' );
		borrarDetalleFacturaAuxPorCod(borrar);
		//$(padre).animate({'opacity':0} ,800,function() { $(this).remove() });
		$(padre).remove();
		
		
		$('#totalgral').html("$" + SumarTabla());
	  });
	  
	  
	  //onclick='BorrarFila('fila" + rfila + "');'
	  $('#agregar').click(function(event) {
				if (ValidarDatos($("#buscar").val(),$("#cantidad").val(),$("#precioventa").val()) == true) {
										
										agregarDetalleFactura($("#buscar").val(),$("#cantidad").val(),$("#precioventa").val());				
										
				}//fin del if

      });
	  
	  function agregarReserva(cliente,vigencia,usuario) {
				$.ajax({
								data:  {cliente: cliente, 
										vigencia: vigencia, 
										usuario:usuario,
										accion: 'agregarReserva'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$('#loaddetalle').html('<img src="imagenes/loaddetalle.gif" width="100" height="100" />');
										
								},
								success:  function (response) {
										$('#loaddetalle').html('');
								}
						});
		  
	  }
	  
	  $( "#dialog-message" ).dialog({
		    autoOpen: false,
			show: {
			effect: "blind",
			duration: 1000
			},
			hide: {
			effect: "explode",
			duration: 1000
			},
			modal: true,
			buttons: {
			Ok: function() {
				$( this ).dialog( "close" );
				//$("#fechavigencia").html("Fecha de reserva cargada: " + $("#datepicker").val());
							
					if ($("#datepicker").val() == '') {
						
						alert("Debe ingresar un vigencia","Error!");	
					} else {
						//alert(new Date ($("#datepicker").val()));
						//alert(displayDate);
						
						if ($('#idclienteR').val() == '') {
							if (ValidarReserva() == false) {
								var myDate = new Date();
								var displayDate = (myDate.getDate()) + '/' + (myDate.getMonth()) + '/' + myDate.getFullYear();
								alert($("#datepicker").val());
								if ($("#datepicker").val() >= displayDate)
								{
									agregarReserva($("#buscarcliente").val(),$("#datepicker").val(),'Marcos');
									$("#fechavigencia").html("Fecha de reserva cargada: " + $("#datepicker").val());
									alert("Se cargo la reserva","Perfecto!");
									$("#cargas").fadeToggle(600);
									$("#resultados").show(300);
								} else {
									alert("La fecha de vigencia no puede ser menor o igual a la actual","Error!");
								}//fin del validar
							}
						} else {
									alert("El cliente ya posee una reserva","Error!");
							
						}//fin del if reserva
					}//fin del datepicker
				} // fin ok
			} //fin botton
	  }); //fin del dialog
	  
	  function ValidarReserva() {
			  var error = false;
			  if ($('#buscarcliente').val() == '') {
				  $('#buscarcliente').css({ 'background-color':'#fc0'});
				  $('#buscarcliente').focus();
				  alert("Debe cargar un cliente","Error!");
				  var error = true;
			  }
			  if (SumarTabla() == 0) {
				  var error = true;
				  alert("Debe cargar un producto","Error!");
			  }

		  	  return error;
	  }
	  
	  $('#reservar').click(function(event) {
			$( "#dialog-message" ).dialog( "open" );   
	  });
	  
	  //para la parte de agregar la compra a la factura
	  $('#facturar').click(function(event) {
		 	 if ($('#factura').val() != '')
			 {
				 if (ValidarReserva() == false) {
					$("#form1").submit(); 
				 }
			 }  else  {
				 alert("Debe generar una Factura","Error!");
			 }
	  });
	  
	  //retornar una reserva
	  function traerDetalleFacturaReserva(usuario) {
	  		$.ajax({
								data:  {usuario: usuario,
										accion: 'TraerDetallesFacturaReserva'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$("#cantidad").css('display', 'none');
										$("#precioventa").css('display', 'none');
										$('#loaddetalle').html('<img src="imagenes/loaddetalle.gif" width="100" height="100" />');
								},
								success:  function (response) {
										$('#loaddetalle').html('');
										var fila = CantFilas();
										$('#agregarProductos').prepend(response);
										$('#totalgral').html("$" + SumarTabla());
										$("#cantidad").show();
										$("#precioventa").show();
										$("#cantidad").val('');
										SumarTablaReserva();
								}
						});
		  
	  }
	  
	  $('#lreserva').click(function(event) {
		  traerDetalleFacturaReserva(1);
		  
	  });
	  
	  
	  $('#busquedaproducto').click(function(event) {
		  $('#busquedaAparteP').show();
		  
	  });
	  
	  $('#cerrarP').click(function(event) {
		  $('#busquedaAparteP').hide();
		  
	  });
	  
	  $('#busquedaproductoP').click(function(event){
		  if ($('#buscarproductoP').val().length >= 2)
		  {
						$.ajax({
								data:  {nombre: $('#buscarproductoP').val(),
										accion: 'TraerProductosPorNombre'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										
										$('#loadcliente').html('<img src="imagenes/loadgeneral.gif" width="35" height="35" />');
								},
								success:  function (response) {
										$('#loadcliente').html('');
										$('#resultadosP').html(response);
								}
						});
		  } else {
			  alert("Debe cargar por lo menos 2 caracteres para buscar","Error!");
		  }
	  });
	  
	  //selecciono el producto
	  $(document).on("click",".seleccionarProductoP",function(){
		var padre = $(this).parents().get(1);
		//var resta = parseInt($(this).find('td').eq(4).text()||0,10);
		//alert(parseInt($(this).parents().get(1).find('td').eq(4).text()||0,10));
		var id = $(this).parents().find('td').attr('id');
		//alert(id);
		var producto = id.replace('ProductoN', '' );
		//alert(producto);
		$("#buscar").val(producto);
		$.ajax({
								data:  {buscar: producto, accion: 'traerProductoPorCodigo'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$("#loadproducto").html('<img src="imagenes/loadgeneral.gif" width="35" height="35" />');
								},
								success:  function (response) {
										$("#loadproducto").html('');
										if (response != '') {
											var datos = response.split("/");
											$("#buscar").css({ 'background-color': '#fff'});
											$("#precioventa").css({ 'background-color': '#fff'});
											$("#detalleprod").val(datos[0]);
											$("#precioventa").val(datos[1]);
											$('#pCantidad').show();
											$('#idproducto').val(datos[2]);
										} else {
											$('#pCantidad').hide();
											$("#detalleprod").val('');
											$("#precioventa").val('');
											$('#idproducto').val('');
										}
										
								}
						});
		$('#busquedaAparteP').hide();

	  });
	  
	  
	  
	  
	  $('#busquedacliente').click(function(event) {
		  $('#busquedaAparte').show();
		  
	  });
	  
	  $('#cerrarAP').click(function(event) {
		  $('#busquedaAparte').hide();
		  
	  });
	  
	  $('#busquedaclienteAP').click(function(event){
		  if ($('#buscarclienteAPyN').val().length >= 2)
		  {
		  				$.ajax({
								data:  {apyn: $('#buscarclienteAPyN').val(),
										accion: 'TraerClientesPorAP'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										
										$('#loadcliente').html('<img src="imagenes/loadgeneral.gif" width="35" height="35" />');
								},
								success:  function (response) {
										$('#loadcliente').html('');
										$('#resultadosAP').html(response);
								}
						});
		  } else {
			  alert("Debe cargar por lo menos 2 caracteres para buscar","Error!");
		  }
	  });
	  
	  //selecciono el cliente
	  $(document).on("click",".seleccionarClienteAP",function(){
		var padre = $(this).parents().get(1);
		//var resta = parseInt($(this).find('td').eq(4).text()||0,10);
		//alert(parseInt($(this).parents().get(1).find('td').eq(4).text()||0,10));
		var id = $(this).parents().find('td').attr('id');
		//alert(id);
		var cliente = id.replace('ClienteAP', '' );
		//alert(cliente);
		$("#buscarcliente").val(cliente);
		$.ajax({
								data:  {buscarcliente: cliente, accion: 'traerClientePorNumero'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$('#loadcliente').html('<img src="imagenes/loadgeneral.gif" width="35" height="35" />');
								},
								success:  function (response) {
										$('#loadcliente').html('');
										var datos = response.split("/");
										$("#cliente").val(datos[0]);
										if (response != '')
										{
											BuscarReserva(datos[1]);
										}
								}
						});
		$('#busquedaAparte').hide();

	  });
	  
	  
	  
	  
	  //reinicio la tabla auxiliar
	  borrarDetalleFacturaAux();

  });
</script>


</head>

<body>

<div id="cabecera">
<div id="menu">
<ul class="jd_menu jd_menu_slate">
<? echo $ServiciosHTML->menu(); ?>			
</ul>
</div>
</div>



<div class="content">
        <div align="center" id="cargas">
        	<img src="imagenes/primerPaso.jpg" width="900" height="50" alt="Pasos">
<form name="form1" id="form1" method="post" action="confirmarCompra.php">
  <table width="750" cellpadding="0" cellspacing="0" class="violet">
            <caption>Datos Venta</caption>
            <thead>
            <tr>
            <td align="left" colspan="2">
            <font color="#FF0000">Campos Obligatorios (*)</font>
            </td>
            </tr>
            
            </thead>
            <tbody>
            
            <tr>
            <th>Nro Factura</th>
            <td>
            <input id="factura" class="ac_input" type="text" name="factura">
            <font color="#FF0000">*</font>
            <input type="button" id="generarfactura" name="generarfactura" value="Generar" />
            <div id="loadfactura"></div>
            </td>
            </tr>
            
            
            <tr>
            <th>Nro. Cliente</th>
            <td>
            <input id="buscarcliente" class="ac_input" type="text" name="buscarcliente" size="10">
            <font color="#FF0000">*</font>
            <input type="button" id="busquedacliente" name="busquedacliente" value="Buscar" />
            <input type="hidden" id="idcliente" name="idcliente" value="" />
            <input type="hidden" id="idclienteR" name="idclienteR" value="" />
            </td>
            </tr>
            </tbody>
            </table>
            
            <div id="busquedaAparte">
            <input type="button" id="cerrarAP" value="Cerrar">
            <br>
            <p>Buscar por Apellido o Nombre</p>
            <input id="buscarclienteAPyN" class="ac_input" type="text" name="buscarclienteAPyN" size="30">
            <input type="button" id="busquedaclienteAP" name="busquedaclienteAP" value="Buscar"  />
            <br>
            <h3>Resultados</h3>
            <div id="resultadosAP">
            
            </div>
            </div>
            <table width="750" cellpadding="0" cellspacing="0" class="violet">
            <tbody>
            <tr>
            <th>Cliente</th>
            <td>
            <input id="cliente" class="ac_input" type="text" name="cliente" size="70" readonly="readonly">
            <font color="#FF0000">*</font>
            <div id="loadcliente"></div>
            </td>
            </tr>
            
            <tr>
            <th>FechaVenta</th>
            <td>
            <input id="fecha" type="text" style="color: #C09; width:90px;" readonly="readonly" name="fecha" value="<? echo date('Y-m-d'); ?>">
            <img id="selector" src="imagenes/calendario.gif">
            <font color="#FF0000">*</font>
            </td>
            </tr>
            <tr>
            <th>Ubicación</th>
            <td>
            <select id="select1" style="color: #C09;" name="ciudad">
            <option value="1">La Plata</option>
            <option value="2">Ensenada</option>
            <option value="3">Berisso</option>
            <option value="4">Villa Elisa</option>
            <option value="5">Gonnet</option>
            <option value="6">Ringuelet</option>
            <option value="7">City Bell</option>
            <option value="8">Cap. Federal</option>
            </select>
            </td>
            </tr>
            
            </tbody>
            </table>
            <script type="text/javascript">
            window.onload = function() {
            Calendar.setup({
            inputField: "fecha",
            ifFormat: "%Y-%m-%d",
            button: "selector"
            });
            }
            </script>
            <br />
            <div id="bloq1">Este cliente tiene echa una reserva!!!.<input type="button" id="lreserva" value="Facturarla"></div>
            
            <br />
            
            
            <table width="750" cellpadding="0" cellspacing="0" class="violet">
            <caption>Carga de Productos</caption>
            <tr>
            <th>Codigo</th>
            <td>
            <input type="text" id="buscar" name="buscar" size="10">
            <font color="#FF0000">*</font>
            <input type="button" id="busquedaproducto" name="busquedaproducto" value="Buscar" />
            <input type="hidden" id="idproducto" name="idproducto" value="" />
            </td>
            </tr>
            </table>
            
            
            <div id="busquedaAparteP">
            <input type="button" id="cerrarP" value="Cerrar">
            <br>
            <p>Buscar por Nombre del Producto</p>
            <input id="buscarproductoP" class="ac_input" type="text" name="buscarproductoP" size="30">
            <input type="button" id="busquedaproductoP" name="busquedaproductoP" value="Buscar" />
            <br>
            <h3>Resultados</h3>
            <div id="resultadosP">
            
            </div>
            </div>
            
            
            <table width="750" cellpadding="0" cellspacing="0" class="violet">
            <tr>
            <th>Detalle</th>
            <td>
            <input type="text" id="detalleprod" name="detalleprod" size="80" readonly="readonly">
            <font color="#FF0000">*</font>
            <div id="loadproducto"></div>
            </td>
            </tr>
            <tr>
            <th>PrecioVenta</th>
            <td>
            <input type="text" maxlength="5" id="precioventa" name="precioventa" style="width:50px;text-align:right;color: #C09;">
            <font color="#FF0000">*</font>
            </td>
            </tr>
            <tr>
            <th>Categoría</th>
            <td>
            <select id="select1" style="color: #C09;" name="categoria">
            <option value="1">Objetos Decorativos</option>
            <option value="2">Cortinas</option>
            <option value="3">Muebles</option>
            <option value="4">Ambientaciones</option>
            </select>
            </td>
            </tr>
            <tr>
            <th>Condición</th>
            <td>
            <select id="select1" style="color: #C09;" name="condicion">
            <option value="1">Muy bueno</option>
            <option value="2">Bueno</option>
            <option value="3">Satisfactorio</option>
            <option value="4">Malo</option>
            <option value="5">Muy malo</option>
            </select>
            </td>
            </tr>
            <tr id="pCantidad">
            <th>Cantidad Producto</th>
            <td>
            <input type="text" maxlength="100" id="cantidad" name="cantidad" style="width:50px;text-align:right;color: #C09;">
            <font color="#FF0000">*</font>
            <div id="loadcantidad"></div>
            </td>
            </tr>
            <tr align="center">
            <td colspan="2">
            <input class="btnAgregar" type="button" value="" name="agregar" id="agregar">
            <input class="btnLimpiar" type="button" value="Limpiar" name="limpiar" id="limpiar">
            </td>
            </tr>
            
            </table>
            
            
            <br>
            <br>
            <table width="750" cellpadding="0" cellspacing="0" class="violet">
            <caption>Lista de Productos</caption>
            <tr>
                <th width="70">Codigo</th>
                <th width="390">Descripción</th>
                <th width="50">Cant.</th>
                <th width="80">PrecioUnit</th>
                <th width="80">PrecioTotal</th>
                <th width="80">Eliminar</th>
            </tr>
            <tbody id="agregarProductos">
            <div id="loaddetalle"></div>
            </tbody>
            <tr>
                <th colspan="5" align="right">Total importe:</th><th id="totalgral">0</th>
            </tr>
            </table>
            <br />
            <div id="fechavigencia" style="color:#F00; font-size:1.1em; font-family: Tahoma, Geneva, sans-serif; text-align:left;"></div>
            <br />
            <div align="center">
                <input type="button" name="facturar" id="facturar" value="Facturar" />
                <input type="button" name="reservar" id="reservar" value="Reservar" />
            </div>
            <div id="dialog-message" title="Ingrese la vigencia">
            <p>Fecha: <input type="text" id="datepicker" /></p>
            </div>
            
            </form>
        </div><!--Fin del div cargar-->
        
        <div id="resultados" style="display:none;">
        	<div align="center">
                <br>
                <h3>Si desea realizar otra Venta: <a href="javascript:location.reload()">Actualizar</a></h3>
                <br>
                
            </div>
        
        </div><!--Fin del div resultados-->
        <br>
        <br>
        <br>

</div><!-- fin del contect -->


<footer>Aggiorno Deco - Copyright 2011. Diseño y Programación Web: Saupurein Marcos, Tel:(0221)156184415</footer>
</body>
</html>
